<div class="searchbar fixed-top">
  <div class="left">
    <button class="btn btn-flex" (click)="onClickLeft()"><i class="icon icon-back leftArrow"></i></button>
  </div>
  <div class="middle" routerLink="/workspace/home/search">
    <i class="icon icon-search"></i>
    <p class="txt">请输入楼盘名称或地址</p>
  </div>
  <div class="right hide" routerLink="/workspace/home/estateMap">
    <i class="icon icon-map"></i> <span class="txt">地图</span>
  </div>
</div>
<cp-estate-filter [cpParams]="cpParams" (onGenerate)="handleGenerate($event)"></cp-estate-filter>
<div class="fill"></div>
<div class="error" *ngIf="error"><cp-error (reload)="handleReload()"></cp-error></div>
<div class="loading" *ngIf="loading"><cp-loading></cp-loading></div>
<div class="container" *ngIf="!error && !loading">
  <div class="list" *ngIf="list.length > 0">
    <div
      class="item border-bottom"
      *ngFor="let item of list; trackBy: trackByFn"
      [queryParams]="{ project: item.Id }"
      routerLink="/workspace/estate/detail"
    >
      <cp-estate-item [item]="item"></cp-estate-item>
    </div>
  </div>
  <cp-loadmore *ngIf="list.length > 0 && !nomore"></cp-loadmore>
  <cp-nomore *ngIf="list.length > 5 && nomore"></cp-nomore>
  <div class="empty" *ngIf="list.length === 0"><cp-empty></cp-empty></div>
</div>
